.dep-info{
  box-shadow: 0px 0px 10px 1px rgb(241, 244, 247);
  padding: 20px;
  height: 216px;
}
.dep-info-img{
  width: 180px;
  height: 120px;
  border-radius: 4px;
}
.dep-info-attention{
  width: 120px;
  border: 1px solid rgb(253, 138, 10);
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  margin: 20px 0 10px 0;
}
.dep-info-attention-left{
  background: rgb(253, 138, 10);
  color: #FFF;
  float: left;
  width: 59px;
}
.dep-info-attention-right{
  background: #FFF;
  color: rgb(253, 138, 10);
  float: left;
  width: 59px;
}
.dep-info-left{
  width: 985px;
  /* text-align: center; */
  border-right: 1px solid rgb(208, 218, 226);
  height: 100%;
  padding-right: 30px;
}
.dep-info-middle{
  padding: 0 20px;
  width: 806px;
}
.dep-info-name{
  margin-bottom: 10px;
}
.dep-info-name>*{
  vertical-align: middle;
}
.dep-info-item{
  line-height: 26px;
}
.dep-info-item>span:first-child{
  color: rgb(134, 145, 154);
}
.dep-info-right{
  width: 374px;
  height: 100%;
  position: relative;
  text-align: center;
}
.dep-info-btn{
  width: 210px;
  height: 88px;
  border: 1px solid #09BB07;
  border-radius: 4px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 44px;
}
.dep-info-btn>div:first-child{
  height: 44px;
  background: #09BB07;
  color: #FFF;
}
.dep-info-depname{
  font-size: 20px;
  margin-bottom: 10px;
}
.dep-info-left{
}
.dep-info-hosname{
  margin-bottom: 10px;
}
.btn-score{
  width: 208px;
  height: 44px;
  /* line-height: 44px; */
  text-align: center;
}


.dep-detail {
  margin-top: 40px;
}

.dep-detail-left{
  width: 1005px;
}
.dep-manual{
  background: rgb(255, 250, 239);
  border: 1px solid rgb(253, 165, 10);
  padding: 10px 20px;
  margin-top: 10px;
}
.dep-manual>div:first-child{
    border-bottom: 1px solid rgb(208, 218, 226);
    line-height: 30px;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
.dep-manual-detail{
  color: #98a2aa;

}
.dep-manual-detail>div{
  line-height: 30px;
}
.dep-manual-detail>div>span{
  color: #ff9c00;
}
.dep-dep{
  margin-top: 20px;
}
.hopital-dep-detail{
  border: 1px solid rgb(212, 212, 212);
  border-top: none;
  padding: 0 20px 40px 20px;
}
.dep-dep-item{
  border-bottom: 1px dashed rgb(212, 212, 212);
  font-size: 18px;
  padding-top: 40px;
  padding-bottom: 20px;
}
.dep-dep-item>div:first-child{
  width: 160px;
  color: #98a2aa;
  line-height: 40px;
}
.dep-dep-item>div:nth-child(2){
  width: 800px;
}
.dep-dep-item>div:nth-child(2)>div{
  width: 33%;
}
.dep-dep-item>div:nth-child(2)>div>a {
  color: #2f2f2f;
  line-height: 40px;
}
.dep-dep-more-container{
  text-align: right;
  color: #09BB07;
  width: 100% !important;
}
.dep-dep-more{
  cursor: pointer;
}
.dep-more{
  background: rgb(241, 244, 247);
  border: 1px solid rgb(208, 218, 226);
  border-top: none;
  line-height: 50px;
  text-align: center;
  color: #09BB07;
  cursor: pointer;
}
.dep-detail-right{
  width: 370px;
  margin-left: 20px;
}

.dep-detail-date-info{
  width: 280px;
  margin-right: 40px;
}
.dep-detail-date{
  width: 100%;
  height: 114px; 
  border: 1px solid #DFDFDF;
  padding: 20px;
}
.dep-detail-date-btn{
  width: 80px;
  height: 70px;
  color: #353535;
  line-height: 24px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.dep-detail-item{
  border: 1px solid #DFDFDF;
}
.dep-detail > .dep-detail-item:first-of-type{
  margin-top: -1px;
}
.dep-detail-pb-info{
  width: 300px;
  height: 156px;
  padding: 20px;
  border-right: 1px solid #DFDFDF;
}
.dep-detail-pb-info-left img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.dep-detail-attention{
  height: 22px;
  line-height: 22px;
  background: #ff9c00;
  color: #FFF;
  padding: 0 6px;
  text-align: center;
  /* width: 60px; */
  margin: 16px auto 0;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.dep-detail-attention > .iconfont{
  margin-right: 4px;
}
.dep-detail-pb-info-right{
  color: #353535;
  padding-left: 22px;
  line-height: 28px;
  width: 752px;
}
.dep-detail-sex{
  padding-left: 10px;
}
.dep-detail-pb-info-name{
  font-size: 20px;
}
.dep-detail-pb-info-score{
  color: #ff9c00;
}
.dep-detail-pb-info-score > img{
  height: 16px;
}
.dep-detail-pb-info-score > * {
  vertical-align: middle;
}
.dep-detail-pb-info-reservation{
  color: #888888;
}
.dep-detail-pb-info-reservation>span{
  color: #353535;
}
.dep-detail-pb-content>div{
  height: 78px;
}
.dep-detail-morning{
  border-bottom: 1px dashed #DFDFDF;
}
.dep-detail-pb-time{
  width: 42px;
  line-height: 34px;
  color: #98A2AA;
  padding: 5px 12px;
  float: left;
}
.dep-detail-pb-content{
  width: 703px;
}
.dep-detail-pb-item{
  width: 80px;
  height: 78px;
  line-height: 78px;
  text-align: center;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  cursor: not-allowed;
}
.dep-detail-pb-item.stop{
  background: rgba(230, 67, 64, 0.1);
  color: #E64340;
}
.dep-detail-pb-item.success{
  background: rgba(9, 187, 7, 0.1);
  color: #097C25;
  line-height: 24px;
  padding: 15px 0;
  cursor: pointer;
}
.dep-detail-intro{
  padding: 10px 20px;
  border-top: 1px solid #DFDFDF;
}
.dep-detail-intro-tag{
  color: #ff9c00;
  background:rgba(255,156,0,.1);
  border-radius:4px;
  padding: 2px 10px;
  float: left;
  margin-right: 10px;
}
.dep-detail-intro-tag-container{
  margin: 10px 0;
}
.dep-search{
  border: 1px solid #DFDFDF;
  padding: 0 20px;
  margin-bottom: 20px;
}
.dep-search > div:first-child{
  border-bottom: 1px solid #DFDFDF;
  font-size: 18px;
  line-height: 50px
}
.doc-info{
  color: #888888;
  line-height: 30px;
}
.doc-info>*{
  /* vertical-align: text-bottom; */
}
.doc-detail{
  margin-top: 20px;
}
.doc-detail-header{
  background: url("../img/doc-back.png"/*tpa=https://guahao.zjol.com.cn/public/img/doc-back.png*/);
  background-size: 100% 100%;
  padding: 0px 20px;
  border: 1px solid #DFDFDF;
}
.doct-detail-header-item{
  border-bottom: 1px dashed #BFBFBF;
  /* height: 50px;  */
  line-height: 50px;
}
.doct-detail-header-item:last-child{
  border-bottom: none;
}
.doct-detail-header-item > span{
  color: #09BB07;
  padding-right: 30px;
  cursor: pointer;
}
.doct-detail-header-item > span:first-child{
  color: #353535;
  cursor: initial;
}
.doct-detail-header-item > span.active {
  text-decoration: underline;
  color: #097C25;
}
.doc-detail-content-date {
  background: #FAFAFA;
  border: 1px solid #DFDFDF;
  margin-top: -1px;
}
.doc-detail-content-date > div{
  height: 68px;
  text-align: center;
  padding: 10px 0;
}
.doc-detail-content-date > div:first-child{
  padding: 0;
}
.doc-detail-content-mor, .doc-detail-content-noon{
  border: 1px solid #DFDFDF;
  margin-top: -1px;
}
.doc-detail-content-noon{
  margin-top: -1px;
}
.doc-detail-content-mor>*, .doc-detail-content-noon>*{
  border-left: 1px solid #DFDFDF;
  height: 68px;
  text-align: center;
  /* padding: 10px 0; */
  line-height: 68px;
}
.doc-detail-content-mor *, .doc-detail-content-noon *{
  display: block;
}
.doc-detail-content-mor > *:first-child, .doc-detail-content-noon > *:first-child{
  border-left: 0;
  padding: 0;
}
.doc-detail-content-mor > *:nth-child(2), .doc-detail-content-noon > *:nth-child(2){
  border-left: 0;
}
.doc-detail-other{
  margin-top: 60px;

}
.doc-detail-other .hot-header::after {
  width: 150px;
}
.doc-info-description{
  height: 52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.stop-reserve{
  background: rgba(230, 67, 64, 0.05);
  color: rgba(230, 67, 64, 1);
}
.full-reserve {
  background: rgba(223, 223, 223, 1);
  color: rgba(136, 136, 136, 1);
}
.allow-reserve {
  background: rgba(9, 187, 7, 0.1);
  color: rgba(9, 124, 37, 1);
  cursor: pointer;
}
.doctor-relation-box {
  width: 50%;
  color: inherit;
}
.doctor-relation-box:nth-child(2n-1) {
  padding-right: 10px
}
.doctor-relation-box:nth-child(2n) {
  padding-left: 10px
}
.doctor-relation-item {
  border: 1px solid #DFDFDF;
  padding: 10px 20px;
  margin-top: 20px;
}
.doctor-relation-avatar, .doctor-relation-avatar > img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 20px;
}
.doctor-relation-user-info {
  line-height: 28px;
}
.doctor-relation-user-info > * {
  vertical-align: baseline;
  padding-right: 6px;
}
.doc-detail-more {
  color: #097C25;
  line-height: 48px;
  cursor: pointer;
}